<template>
  <div class=" row">
        <div class="col-6">
            <input class="form-control" placeholder="请输入验证码" :value="value" @input="updateValue($event.target.value)">
        </div>
        <div class="col-6">
            <img class="img-fluid" :id="imgId">
        </div>
    </div>
</template>

<script>
export default {
  props: {
    labelText: String,
    imgId: String,
    warned: Boolean,
    value: String
  },
  computed: {
    className: function () {
      return [
        {
          'weui-btn_warn': this.warned
        }
      ]
    }
  },
  methods: {
    updateValue: function (value) {
      this.$emit('input', value)
    }
  }
}
</script>
